<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>session.css.scss</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            session.css.scss
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/session.css.scss
                
            </li>
            <li>Last modified: 2017-02-03 18:43:29 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>@import “bootstrap”;</p>

<p>.progress-bar {</p>

<pre><code>color: #333;</code></pre>

<p>}</p>

<p>Reference: <a
href="http://www.bootstrapzen.com/item/135/simple-login-form-logo">www.bootstrapzen.com/item/135/simple-login-form-logo</a>/</p>

<pre><code> {
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
outline: none;</code></pre>

<p>}</p>

<pre><code>  .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  @include box-sizing(border-box);

  &amp;:focus {
    z-index: 2;
  }
}</code></pre>

<p>body {</p>

<pre><code> background: image-url(&#39;login_custom.jpg&#39;) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
//  background: #777;</code></pre>

<p>}</p>

<p>.login-form {</p>

<pre><code>margin-top: 60px;</code></pre>

<p>}</p>

<p><a href="role=login">form</a> {</p>

<pre><code>color: #5d5d5d;
background: #f2f2f2;
padding: 26px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;</code></pre>

<p>}</p>

<pre><code>form[role=login] img {
  display: block;
  margin: 0 auto;
  margin-bottom: 35px;
}
form[role=login] input,
form[role=login] button {
  font-size: 18px;
  margin: 16px 0;
}
form[role=login] &gt; div {
  text-align: center;
}</code></pre>

<p>.form-links {</p>

<pre><code>text-align: center;
margin-top: 1em;
margin-bottom: 50px;</code></pre>

<p>}</p>

<pre><code>.form-links a {
  color: #fff;
}</code></pre>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
